@charset "utf-8";
/* 4eb6ff */

.top-tip-boswer {height:36px; line-height:36px; border:1px #d5d583 solid; background:#ffffdb; color:#d00; text-align:center; font-size:16px;}
.top-tip-boswer a {color:#4eb6ff;}



.LOGREG {background:#f7f7f7; padding:50px 0; padding-bottom:80px;}
.LOGREG > .mainWidth {background:white; height:560px;}

.LOGREG .banner-box {position:relative; float:left; width:700px; height:500px; margin-left:40px; margin-top:30px; overflow:hidden;}
.LOGREG .banner-box .banner {position:absolute; top:0; left:-50%; width:200%; height:100%;}
.LOGREG .banner-box .banner img {height:100%; margin:0 auto;}




.LRCONTAIN {position:relative; z-index:3;}
.LRCONTAIN .formContain {position:absolute; z-index:1; right:0;}
.LRCONTAIN .formContain .formBox {width:360px; background:#f7f7f7; border-radius:2px; overflow:hidden;}
.LRCONTAIN .formContain .formBox {padding-bottom:16px;}
.LRCONTAIN .formContain .formBox > .head {position:relative;}
/*.LRCONTAIN .formContain.pageLogin .formBox {height:340px;}*/
.LRCONTAIN .formContain.pageLogin {top:30px;}
.LRCONTAIN .formContain.pageLogin .formBox {-webkit-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999;}
.LRCONTAIN .formContain.pageLogin .formBox {height:340px; padding-bottom:0;}
.LRCONTAIN .formContain.page {top:60px; right:60px;}
.LRCONTAIN .formContain.page .formBox {-webkit-box-shadow:none; box-shadow:none;}

/*----- 用户类型 - 默认：login|reg.pg -----*/
.LRCONTAIN .formContain .formBox > .head > .typeChose {height:50px;}
.LRCONTAIN .formContain .formBox > .head > .typeChose > label {float:left; width:50%;}
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > span {display:block; position:relative; width:100%; height:50px; line-height:50px; text-align:center; font-size:17px; cursor:pointer;}
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > span:before {position:absolute; content:""; width:100%; height:1px; left:0; bottom:0;}
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > span:before {background:#ddd;}
/*-- 禁用 --*/
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > input[type=radio]:disabled + span {color:#ccc; cursor:not-allowed;}
/*-- 禁用选中 --*/
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > input[type=radio]:disabled:checked + span {cursor:default;}
/*-- 非禁用选中 --*/
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > input[type=radio][value="2"]:checked + span {color:#4eb6ff;}
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > input[type=radio][value="2"]:checked + span:before {background:#4eb6ff;}
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > input[type=radio][value="1"]:checked + span {color:#ff5500;}
.LRCONTAIN .formContain .formBox > .head > .typeChose > label > input[type=radio][value="1"]:checked + span:before {background:#ff5500;}

/*----- 用户类型 - 类型：reg.pg -----*/
.LRCONTAIN .formContain .formBox > .head.reg.pg {height:80px; position:relative;}
.LRCONTAIN .formContain .formBox > .head.reg.pg > .typeChose > label > input[type="radio"] ~ i {position:absolute; left:0; top:50px; height:30px; width:100%; font-style:normal; line-height:40px; overflow:hidden; text-align:center;}
.LRCONTAIN .formContain .formBox > .head.reg.pg > .typeChose > label > input[type="radio"] ~ i:before {opacity:0;}
.LRCONTAIN .formContain .formBox > .head.reg.pg > .typeChose > label > input[type="radio"][value="2"] ~ i:before {font-size:14px; content:"我是广告主，我要投放广告";}
.LRCONTAIN .formContain .formBox > .head.reg.pg > .typeChose > label > input[type="radio"][value="1"] ~ i:before {font-size:14px; content:"我是媒介主，我要接单赚钱";}
.LRCONTAIN .formContain .formBox > .head.reg.pg > .typeChose > label > input[type="radio"]:checked ~ i:before {opacity:1;}
/*----- 用户类型 - 类型：reg.wx -----*/
.LRCONTAIN .formContain .formBox > .head.reg.wx > .text {height:50px; text-align:center; line-height:70px; overflow:hidden;}
.LRCONTAIN .formContain .formBox > .head.reg.wx > .text > * {font-size:17px;}


/*----- 登录类型 -----*/
.LRCONTAIN .formContain .formBox > .head > .loginWay {position:absolute; top:0; right:0; z-index:2; display:none;}
.LRCONTAIN .formContain .formBox > .head > .loginWay span {display:block; position:relative; width:50px; height:50px; cursor:pointer;}
.LRCONTAIN .formContain .formBox > .head > .loginWay span {background:url(../img/icon-login-type.png) left top no-repeat;}
.LRCONTAIN .formContain .formBox > .head > .loginWay input[type="checkbox"] + span {background-position:0 -50px;}
.LRCONTAIN .formContain .formBox > .head > .loginWay input[type="checkbox"]:checked + span {background-position:0 0;}




.LRCONTAIN .formContain .formBox > .formBody {margin:0 30px; margin-top:30px;}
.LRCONTAIN .formContain.page .formBox > .formBody.wx {height:204px;}

.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea {position:relative; width:170px; height:170px; margin:0 auto; background:white;}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea > img {width:100%; height:100%;}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea {font-size:14px;}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea:before,
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea:after {position:absolute; content:""; z-index:2;}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea.scanEx:before,
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea.scanEd:before {top:100%; margin-top:10px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap;}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea.scanEx:before {content:"打开微信，扫一扫登录/注册";}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea.scanEd:before {content:"扫描成功，点击登录";}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea.expired:after {width:66%; left:17%; height:50%; top:25%; line-height:105px; text-align:center; background:rgba(255,255,255,.9); cursor:pointer;}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea.expired:after {content:"已过期，点击刷新"; font-size:.9em;}
.LRCONTAIN .formContain .formBox > .formBody.wx > .qrcodeArea.expired > img {opacity:.3;}


.LRCONTAIN .formContain .formBox > .formBody.wx > .usrinfo {padding-top:25px;}
/*--- 用户信息 ---*/
.LRCONTAIN .theUser {height:158px;}/*192*/
.LRCONTAIN .theUser .userToux {display:table; margin:0 auto; padding-top:10px;} /*padding-top:25px*/
.LRCONTAIN .theUser .userToux span {position:relative; display:block; width:100px; height:100px; border:3px #eee solid; border-radius:50%; overflow:hidden;}
.LRCONTAIN .theUser .userToux span b {position:absolute; width:200%; height:100%; left:-50%; background:url(../img/userToux.jpg) center center no-repeat;}
.LRCONTAIN .theUser .userToux span b img {margin:0 auto; height:100%;}
.LRCONTAIN .theUser .userInfo {margin-top:20px; text-align:center; font-size:1.3em;} /*margin-top:25px*/



/*---------------------------
新需求：
将切换登录方式放到下面来
---------------------------*/
.LRCONTAIN .formContain.pageLogin .formBox {position:relative;}
.LRCONTAIN .formContain.pageLogin .formBox > .foot {position:absolute; left:0; bottom:0; width:100%;}
.LRCONTAIN .formContain.page .formBox > .foot {margin-top:15px;}
/*----- 登录类型 -----*/
.LRCONTAIN .formContain .formBox > .foot .loginWay {height:45px; border-top:1px #ddd solid; position:relative;}
.LRCONTAIN .formContain .formBox > .foot .loginWay > label {position:absolute; width:140px; cursor:pointer;}
.LRCONTAIN .formContain .formBox > .foot .loginWay > label {left:50%; margin-left:-70px;}
.LRCONTAIN .formContain .formBox > .foot .loginWay > label {top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.LRCONTAIN .formContain .formBox > .foot .loginWay > label > span {display:block; text-align:center;}
.LRCONTAIN .formContain .formBox > .foot .loginWay > label > span:before {font-size:15px; color:#4eb6ff;}
.LRCONTAIN .formContain .formBox > .foot .loginWay > label > input[type="checkbox"] + span:before {content:"账号密码登录/注册";}
.LRCONTAIN .formContain .formBox > .foot .loginWay > label > input[type="checkbox"]:checked + span:before {content:"微信扫码登录";}



ul.LRFORM {display:block;}
ul.LRFORM.hide {display:none;}
ul.LRFORM > li {width:100%; margin-top:16px;}
ul.LRFORM > li:first-child {margin-top:0;}
ul.LRFORM > li > .input {position:relative; margin-right:2px;}
ul.LRFORM > li > .input input {width:100%; height:40px; line-height:40px; text-indent:40px; font-size:1.15em; border:1px #e0e0e0 solid; border-radius:4px;}
ul.LRFORM > li > .input input {background:#fff url(../img/icon-forgetPass2.png) left top no-repeat;}
ul.LRFORM > li > .input input.error {border:1px #f66 solid;}
ul.LRFORM > li > .input input:focus, 
ul.LRFORM > li > .input input.error:focus {border:1px #4eb6ff solid;}
ul.LRFORM > li > .input input.user {background-position:0 0;}
ul.LRFORM > li > .input input.pass {background-position:0 -160px;}
ul.LRFORM > li > .input input.pass1 {background-position:0 -120px;}
ul.LRFORM > li > .input input.pass2 {background-position:0 -160px;}
ul.LRFORM > li > .input input.code {background-position:0 -40px;}
ul.LRFORM > li > .input input.smsCode {background-position:0 -80px;}
/*--- 密码框上的小眼睛 ---*/
ul.LRFORM > li > .input .eye {position:absolute; width:40px; height:40px; top:1px; right:1px; background:url(../img/icon-forgetPass2.png) left top no-repeat;}
ul.LRFORM > li > .input .eye {background-position:0 -240px; display:none\9;}
ul.LRFORM > li > .input .eye:hover {background-position:0 -200px;}
/*--- 获取验证码 ---*/
ul.LRFORM > li > .input .getyzm {position:absolute; top:8px; right:8px;}
ul.LRFORM > li > .input .getyzm .sms {float:left; height:26px; line-height:26px; color:#fff; padding:0 10px; border-radius:5px;}
ul.LRFORM > li > .input .getyzm .sms.get.blue {background:#4eb6ff; cursor:pointer;}
ul.LRFORM > li > .input .getyzm .sms.get.disabled {background:#b9b9b9; cursor:not-allowed;}
/*--- 验证码发送提示 ---*/
ul.LRFORM > li > .input .smsTip {position:absolute; display:none; bottom:100%; left:20%; margin-bottom:10px; background:rgba(0,0,0,.7); background:url(../img/black7.png)\9; height:40px; line-height:40px; font-size:1.35em; color:#fff; padding:0 25px; border-radius:8px;}
/*--- 图形验证码 ---*/
ul.LRFORM > li > .input .imgYzm {position:absolute; height:28px; right:7px; top:7px; cursor:pointer;}
ul.LRFORM > li > .input .imgYzm img {height:100%;}
/*--- 错误提示 ---*/
ul.LRFORM > li > .input .tip {position:absolute; bottom:100%; left:0; height:32px; line-height:32px; padding:0 15px; font-size:1.2em; border-radius:5px; visibility:hidden; z-index:2;}
ul.LRFORM > li > .input .tip > i {position:absolute; width:14px; height:14px; background:#f66; top:100%; margin-top:-8px; left:30px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
display:none\9;} 
ul.LRFORM > li > .input .tip.error {background:#f66; color:#fff; visibility:visible;}
ul.LRFORM > li > .input .tip.ok {visibility:hidden;}
/*客服QQ*/
ul.LRFORM > li > .input .tip .qq {display:inline-block; margin-left:5px; width:22px; height:10px; position:relative;}
/*ul.LRFORM > li > .input .tip .qq a {position:absolute; width:22px; height:22px; top:50%; margin-top:-11px; left:0; background:url(/front/public/images/icon-cart-qq.png) center no-repeat;}*/
ul.LRFORM > li > .input .tip .qq a {position:absolute; width:20px; height:20px; top:50%; margin-top:-10px; left:0; background:url(../img/icon-service-qq.png) left top no-repeat;}
ul.LRFORM > li > .input .tip .qq a:hover {background-position:0 -20px;}
ul.LRFORM > li > .input input:focus + .tip.error {visibility:hidden;}
/*--- 大按钮 ---*/
ul.LRFORM > li > .bigBtn .btn {display:block; height:40px; line-height:40px; font-size:1.3em; color:#fff; text-align:center; border-radius:6px; cursor:pointer;}
ul.LRFORM > li > .bigBtn .btn.bgBlue {background:#4eb8ff;}
ul.LRFORM > li > .bigBtn .btn.bgOrange {background:#ff632b;}
ul.LRFORM > li > .bigBtn .btn.red {background:#f66;}
ul.LRFORM > li > .bigBtn .btn.blue {height:38px; line-height:38px; color:#4eb6ff; background:#fff; border:1px #4eb6ff solid;}
/*--- 文本内容 ---*/
ul.LRFORM > li > .txts > span {height:18px; line-height:18px; font-size:1.15em;}
ul.LRFORM > li > .txts > span.fl {float:left;}
ul.LRFORM > li > .txts > span.fr {float:right;}
ul.LRFORM > li > .txts > span.center {display:block; text-align:center;}
ul.LRFORM > li > .txts > span a.blue {color:#4eb6ff;}
ul.LRFORM > li > .txts > span a.red {color:#f33;}
ul.LRFORM > li > .txts > span a:hover {text-decoration:underline;}


/*--- 记住密码 ---*/
ul.LRFORM > li > .txts span .remember label {display:inline-block; height:18px; line-height:18px; padding-left:20px; position:relative;}
ul.LRFORM > li > .txts span .remember label i {position:absolute; left:0; top:0; width:16px; height:16px; border:1px #e0e0e0 solid; border-radius:4px; overflow:hidden;}
ul.LRFORM > li > .txts span .remember label i b {position:absolute; text-align:center; color:#333; opacity:0;}
ul.LRFORM > li > .txts span .remember label i b:before {content:"✔";}
#remember1:checked + label[for="remember1"] i b,
#remember2:checked + label[for="remember2"] i b,
#xycompany:checked + label[for="xycompany"] i b,
#xywebsite:checked + label[for="xywebsite"] i b {opacity:1;}




/*--- 验证码弹出层 ---*/
.popImgYzm .box .tit {height:40px; line-height:40px; text-align:center; font-size:1.5em;}
.popImgYzm .box .con {width:350px; padding:15px 25px; padding-bottom:0;}
.popImgYzm .box .con .bigBtn {display:table; width:100px; margin:0 auto;}
.popImgYzm .box.tip .con .txt {height:60px; font-size:1.25em; line-height:26px; text-align:center; color:#999;}
.popImgYzm .box.tip .con .txt span {color:#333;}





